<script setup>
    import {getStudentEvaluate} from "/@/api/hbmy_wx/StudentEvaluateService";
    import Header from "/@/components/Header/Header.vue";
    const evaluateCoursesList = ref([])
    const activeName = ref([])
    const collapseRef = ref(null)
    const value = ref()

    onMounted(async () => {
        const res = await getStudentEvaluate()
        evaluateCoursesList.value = JSON.parse(res.response.value.extend.courses)
        console.log("res",evaluateCoursesList.value)
    })
</script>

<template>
    <Header title="学生评教"></Header>
    <van-collapse v-model="activeName" ref="collapseRef">
        <van-collapse-item
                :change="() => {alert(13)}"
                v-for="course in evaluateCoursesList"
                :name="course.tcId"
                :is-link="false"
                size="large">
            <template #title>
                <strong>{{course.courseName}}</strong>
            </template>
            <template #value>
                <van-row justify="end" gutter="10">
                    <van-col>
                        <van-tag v-if="course.hasEvaluation === 1"  type="success" plain size="large">已评教</van-tag>
                        <!--           <van-tag v-if="course.hasEvaluation === 1"  type="success" plain size="large">提交评教</van-tag>-->
                        <van-tag v-else type="danger" plain size="large">未评教</van-tag>
                    </van-col>
                </van-row>
            </template>
            <!-- 设置垂直间距 -->
            <van-row :gutter="[200, 400]">
                <van-col span="24">1	为人师表，注重培养学生正确的价值观及家国情怀。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">2	备课充分，教学材料、设备、场所等准备到位。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">3	按照课表和教学计划授课，不随意调整教学计划，无迟到早退。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">4	课程教学目标及其在本专业教学中的地位或作用明确。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">5	课程资源丰富，教学内容充实，层次清晰，表达流畅，重点突出，理论联系实际，体现时代性、先进性。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">6	教学过程注重启发，善于与学生交流，乐于答疑，教学方法与手段灵活有效。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">7	作业布置适量，考核方式明确，将平时作业、课堂表现、测验等纳入考核环节。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">8	课堂表现积极，合作意识强，参与度高。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">9	能按时完成课外学习任务，学习兴趣和自主学习能力增强。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
                <van-col span="24">10	学习效果明显，掌握课程内容，知识、能力与素质提升，获得感强。</van-col>
                <van-col span="24">你的评分：<van-rate v-model="value" :count="10" clearable color="rgb(43,149,239)"/></van-col>
            </van-row>
        </van-collapse-item>
    </van-collapse>

</template>

<style scoped lang="less">

</style>
